<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新浪积分商城</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/lunbo.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

</head>

<body>
    <div class="jf_top">
        <div class="container">
            <div class="top_menu">
                <a href="#">新浪首页</a>
                <a href="#">新浪游戏</a>
                <a href="#">97937手游网</a>
                <a href="#">微游戏</a>
            </div>
            <div class="top_phone"><a>手机</a></div>
            <div class="top_notice">
                公告： <a href="#">参与调研，得海量积分</a>
            </div>

        </div>
    </div>
    <!-- 头部 -->
    <div class="jf_head clear">
        <div class="container">
            <div class="logo">
                <a href="#"><img src="./images/jf_logo.jpg" alt="积分商城"></a>
            </div>
            <div class="gg plus">
                <a href="#"><img src="./images/jf_gg.jpg" alt=""></a>
            </div>
            <form action="" class="search">
                <input type="text" placeholder="输入查询商品名称..."><input type="submit" value="搜索">
            </form>
        </div>
    </div>


    <div class="jf_nav">
        <div class="container">
            <div class="nav_box">
                <ul>
                    <li><a href="#" class="active">首页</a><span></span></li>
                    <li><a href="#">兑换商品</a><span>|</span></li>
                    <li><a href="#">积分活动</a><span>|</span></li>
                    <li><a href="#">常见问题</a><span>|</span></li>
                </ul>
                <div class="login-out">
                    <p class="user-login">用户登录</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 主体部分start -->
    <div class="main">

        <!-- 幻灯片部分start -->
        <div class="first container">
            <div class="main-left fl">
                <!-- 轮播图开始 -->
                <div class="target" id="target-slide">
                    <div>
                        <div><a href="#"><img src="./images/lb-pic1.jpg"></a></div>
                        <div><a href="#"><img src="./images/lb-pic2.jpg"></a></div>
                        <div><a href="#"><img src="./images/lb-pic3.jpg"></a></div>
                        <div><a href="#"><img src="./images/lb-pic4.jpg"></a></div>
                        <div><a href="#"><img src="./images/lb-pic5.jpg"></a></div>
                    </div>
                </div>
                <!-- 轮播图结束 -->
            </div>

            <!-- 签到开始 -->
            <div class="main-right fr">
                <div class="sign-btn">
                    <span>签到得100积分</span>
                </div>
                <div class="news">
                    <h4>最新消息</h4>
                    <ul>
                        <li class="first-new"><a href="#">【通知】UID查询网址</a></li>
                        <li><a href="#">【活动】众筹中奖晒单得积分</a></li>
                        <li><a href="#">【活动】参与调研，获10万积分</a></li>
                        <li><a href="#">【消息】官方QQ群获取更多赚积分方式</a></li>
                    </ul>
                </div>
                <div class="find-help">
                    <a href="#"><span class="qq"><i></i>客服QQ</span></a>
                    <a href="#"><span class="wb"><i></i>官方微博</span></a>
                </div>
            </div>
            <!-- 签到结束 -->
        </div>
        <!-- 幻灯片部分end -->

        <!-- 商品start -->
        <div class="second container">

            <!-- 推荐商品start -->
            <div class="second-left">
                <h3 class="recommend-title">
                    <em></em>
                    推荐商品
                    <i></i>
                    <a href="#" class="more">更多&gt;&gt;</a>
                </h3>
                <ul class="clear">
                    <li>
                        <div class="shop-new xl"></div>
                        <a href="#" class="a-img plus"><img src="./images/sp-1.jpg" alt=""></a>
                        <div class="bottom-text">
                            <a href="#">ChinaJoy2014官方限量定制版T恤白色</a>
                        </div>
                        <b>390,000积分</b>
                    </li>
                    <li>
                        <div class="shop-new xl"></div>
                        <a href="#" class="a-img plus"><img src="./images/sp-2.jpg" alt=""></a>
                        <div class="bottom-text">
                            <a href="#">CJ2014官方限量棒球帽</a>
                        </div>
                        <b>500,000积分</b>
                    </li>
                    <li>
                        <div class="shop-new new"></div>
                        <a href="#" class="a-img plus"><img src="./images/sp-3.jpg" alt=""></a>
                        <div class="bottom-text">
                            <a href="#">小新小浪卡通书签</a>
                        </div>
                        <b>400,000积分</b>
                    </li>
                    <li>
                        <!-- <div class="shop-new new"></div> -->
                        <a href="#" class="a-img plus"><img src="./images/sp-4.jpg" alt=""></a>
                        <div class="bottom-text">
                            <a href="#">【milensea旗舰店】硫磺皂30元代金券</a>
                        </div>
                        <b>100积分</b>
                    </li>
                    <li>
                        <div class="shop-new new"></div>
                        <a href="#" class="a-img plus"><img src="./images/sp-5.jpg" alt=""></a>
                        <div class="bottom-text">
                            <a href="#">【诺道】益生菌固体饮料50元代金券</a>
                        </div>
                        <b>100积分</b>
                    </li>
                    <li>
                        <div class="shop-new new"></div>
                        <a href="#" class="a-img plus"><img src="./images/sp-6.jpg" alt=""></a>
                        <div class="bottom-text">
                            <a href="#">娇顿净颜祛痘精华凝胶80元优惠券</a>
                        </div>
                        <b>100积分</b>
                    </li>
                </ul>
            </div>
            <!-- 推荐商品end -->

            <!-- 热门兑换start -->
            <div class="second-right">
                <h3 class="recommend-title">
                    <em></em>
                    热门兑换
                    <i></i>
                </h3>
                <div class="shop-exchange">
                    <ul>
                        <li>
                            <div class="exchange-show clear">
                                <a href="#" class="a-img plus"><img src="./images/sp-1.jpg"
                                        alt="ChinaJoy2014官方限量定制版T恤白色"></a>
                                <p class="name">刘强东</p>
                                <p>3 天前兑换了</p>
                                <a href="#">ChinaJoy2014官方限量定制版T恤白色</a>
                            </div>
                        </li>
                        <li>
                            <div class="exchange-show clear">
                                <a href="#" class="a-img  plus"><img src="./images/sp-2.jpg"
                                        alt="ChinaJoy2014官方限量定制版T恤白色"></a>
                                <p class="name">库克</p>
                                <p>3 天前兑换了</p>
                                <a href="#">CJ2014官方限量棒球帽</a>
                            </div>
                        </li>
                        <li>
                            <div class="exchange-show clear">
                                <a href="#" class="a-img  plus"><img src="./images/sp-3.jpg"
                                        alt="ChinaJoy2014官方限量定制版T恤白色"></a>
                                <p class="name">比尔盖茨</p>
                                <p>3 天前兑换了</p>
                                <a href="#">小新小浪卡通书签</a>
                            </div>
                        </li>
                        <li>
                            <div class="exchange-show clear">
                                <a href="#" class="a-img  plus"><img src="./images/sp-4.jpg"
                                        alt="ChinaJoy2014官方限量定制版T恤白色"></a>
                                <p class="name">王健林</p>
                                <p>3 天前兑换了</p>
                                <a href="#">【milensea旗舰店】硫磺皂30元代金券</a>
                            </div>
                        </li>
                        <li>
                            <div class="exchange-show clear">
                                <a href="#" class="a-img plus"><img src="./images/sp-5.jpg"
                                        alt="ChinaJoy2014官方限量定制版T恤白色"></a>
                                <p class="name">马化腾</p>
                                <p>3 天前兑换了</p>
                                <a href="#">【诺道】益生菌固体饮料50元代金券</a>
                            </div>
                        </li>
                        <li>
                            <div class="exchange-show clear">
                                <a href="#" class="a-img plus"><img src="./images/sp-6.jpg"
                                        alt="ChinaJoy2014官方限量定制版T恤白色"></a>
                                <p class="name">马云</p>
                                <p>3 天前兑换了</p>
                                <a href="#">娇顿净颜祛痘精华凝胶80元优惠券</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 热门兑换end -->
        </div>
        <!-- 商品end -->

    </div>
    <!-- 主体部分end -->



    <!-- 底部star -->
    <div class="footer">
        <div class="connect container">
            <div class="connect-div con-1">
                <div class="icon"></div>
                <p>
                    <span>关注我们</span>
                    <a href="#">官方微博</a>
                    <a href="#">官方QQ群</a>
                </p>
            </div>
            <div class="connect-div con-2">
                <div class="icon"></div>
                <p>
                    <span>常见问题</span>
                    <a href="#">兑换方式</a>
                    <a href="#">配送方式</a>
                </p>
            </div>
            <div class="connect-div con-3">
                <div class="icon"></div>
                <p>
                    <span>友情链接</span>
                    <a href="#">新浪网</a>
                    <a href="#">新浪游戏</a>
                </p>
            </div>
            <div class="connect-div con-4">
                <div class="icon"></div>
                <p>
                    <span>特色活动</span>
                    <a href="#">疯狂积分雨</a>
                    <a href="#">转盘大抽奖</a>
                </p>
            </div>
            <div class="code">
                <div class="v2code">
                    关注公众号，每日送福利
                    <img src="./images/v2code.jpg" />
                </div>
                商务合作<br />
                <span>shanshan35@staff.sina.com.cn</span>
            </div>
        </div>
        <div class="copyright">
            <p>
                <a href="#">新浪简介</a><span> | </span>
                <a href="#">About Sina</a><span> | </span>
                <a href="#">网站地图</a><span> | </span>
                <a href="#">广告服务</a><span> | </span>
                <a href="#">联系我们</a><span> | </span>
                <a href="#">招聘信息</a><span> | </span>
                <a href="#">网站律师</a><span> | </span>
                <a href="#">SINA English</a><span> | </span>
                <a href="#">通行证注册</a><span> | </span>
                <a href="#">产品答疑</a>
            </p><br>
            <p>Copyright © 1996-2014 SINA Corporation, All Rights Reserved</p><br>
            <p>新浪公司 <a href="#">版权所有</a></p>
        </div>
    </div>
    <!-- 底部end -->

      <div class="back-top">
          <a href="#"></a>
      </div>

    <!-- 轮播图js -->
    <script src="./js/jquery.min.js"></script>
    <script src="./js/HappyImage.js"></script>
    <script src="./js/Carousel.js"></script>

</body>

</html>